import Vue from 'vue'
import Button from './button'
import Icon from './icon'
import ButtonGroup from './button-group'
import Input from './input'
import Row from './row'
import Col from './col'
import Layout from '../src/layout'
import Header from '../src/header'
import Footer from '../src/footer'
import Sider from '../src/sider'
import Content from '../src/content'
import Toast from '../src/toast'
import Tabs from '../src/tabs'
import TabsHead from './tabs-head'
import TabsBody from '../src/tabs-body'
import TabsItem from '../src/tabs-item'
import TabsPane from '../src/tabs-pane'
import './svg'
import plugin from "../src/plugin";

Vue.component('yx-button', Button) // 重命名
Vue.component('yx-icon', Icon)
Vue.component('yx-button-group', ButtonGroup)
Vue.component('yx-input', Input)
Vue.component('yx-col', Col)
Vue.component('yx-row', Row)
Vue.component('yx-layout', Layout)
Vue.component('yx-header', Header)
Vue.component('yx-sider', Sider)
Vue.component('yx-footer', Footer)
Vue.component('yx-content', Content)
Vue.component('yx-toast', Toast)
Vue.component('yx-tabs', Tabs)
Vue.component('yx-tabs-body',TabsBody)
Vue.component('yx-tabs-item', TabsItem)
Vue.component('yx-tabs-head', TabsHead)
Vue.component('yx-tabs-pane', TabsPane)

Vue.use(plugin)


new Vue({
  el: '#app',
  data: {
    selectedTab: 'sports'
  },
  methods: {
  },
})
